/*第一个面板*/

/*class .*/
/* .yellow{
	background-color: #fd7b24de 
}
.red{
	background-color: #ec0a0ac9 
}

.green{
	background-color: "#2dc309" !important;
} */

/*******************************
***********************中英文切换*/

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 40px;
    bottom: -16%;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    line-height: 35px;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color:rgb(255, 255, 255);
    -webkit-transition: .6s;
    transition: .6s;
    border: rgb(0 63 169);
    border-style: solid;
    box-sizing: border-box;
  }
  
  .slider:before {
    position: absolute;
    content: "";
	 left: 0;
    height: 35px;
    width: 90px;
    background-color: rgb(0 63 169);
    -webkit-transition: .6s;
    transition: .6s;
  }
  
  input:checked + .slider {
    
    border: rgb(0 63 169);
    border-style: solid;
    box-sizing: border-box;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(85px);
    -ms-transform: translateX(85px);
    transform: translateX(85px);
  }
  /*******************************
***********************中英文切换完毕*/

  
#first_div_1{
	
	position: relative;
	height: 60%;
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-top: 4%;
	padding-left: 3%;
	padding-right: 3%;
	
}
#first_div_2{
	position: relative;
	height: 40%;
	width: 100%;
	float: left;
	
}
.show_backgroundcolor{

	background-color:transparent;
	
}
.but_control{ 
	text-transform : capitalize;
	color: #0086fc;
	background-color:transparent;
	border: 3.3px #0086fc groove; 
	font-size:21px;
	height: 21%;
	width: 40%;
	font-weight: 600;
	margin-bottom: 5%;
	vertical-align:middle;
	margin-right: 2%;
	margin-left: 2%;
	border-radius:4px;
	
}


/*第一块面板中间显示  以及按鈕*/
.middle_style{
	position: relative;
	float: left;
	box-sizing: border-box;
	border:solid #FFFFFF; border-width:1px 1px 1px 1px;	
	
}
.middle_btu_one{
	
	float: left;
	color: #0086fc;
	background-color:transparent;
	border: 3.3px #0086fc groove; 
	font-size:21px;
	height: 20%;
	width: 20%;
	margin-bottom: 6.5%;
	margin-right: 3%;
	border-radius:4px;	
	font-weight: 600;
}


.small_btu_one{
	
		color: #0086fc;
	background-color:transparent;
	border: 3.3px #0086fc groove; 
	font-size:20px;
	height: 100%;
	width: 30%;
	margin-bottom: 5%;
	border-radius:4px;	
	font-weight: 600;
}

.rotate{
	position: relative;
	width: 75%;
	height: 61%;
	background-repeat:no-repeat ;
	background-size: contain;
}

/* 数码管上半部分的样式*/
.one_middle{
	color: #FFFFFF;
	font-size: 18px;
	background-color: #073176;
	font-family:"inherit";	
	font-weight: 600;
    
}
/*旋鈕控制=---左面*/
#left_conrtol_add{
position: absolute;	
width: 14%;
height: 80%;
margin-top: 5%;


	
}
/*旋鈕控制---左面*/
#left_conrtol_down{
	position: absolute;	
width: 14%;
height: 80%;
margin-left: 14%;
margin-top: 5%;

	
}
/*旋鈕控制--右面*/
#right_conrtol_add{
position: absolute;	
width: 14%;
height: 80%;
margin-left: 71%;
margin-top: 5%;

}
/*旋鈕控制--右面*/
#right_conrtol_down{
position: absolute;	
width: 14%;
height: 80%;
margin-left: 85%;
margin-top: 5%;

	
}



.but_control_02{ 
	color: #0086fc;
	background-color: transparent;
	border: 3.3px #0086fc groove; 
	
	font-size: 21px;
	height: 11.5%;
	width: 41%;
	vertical-align:middle;
	margin-bottom: 5%;
	
	border-radius:4px;
	font-weight: 600;
	
}



/**/
.two_middle{
	color: #FFFFFF;
	font-size: 16px;
	background-color: #073176;
	font-family: "inherit";	
	font-weight: 600;

}
.border_td{
	box-sizing: border-box;
border:solid #FFFFFF; border-width:1px 1px 1px 1px;	
}




.but_control_02_02{ 
	color: #0086fc;
	background-color: transparent;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	height: 60%;
	width: 28%;
	border-radius:4px;
	vertical-align:middle;
	
	
}

/*第三个面板*/

.but_control_03{ 
	color: #0086fc;
	background-color: transparent;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	margin-bottom: 15%;
	
}

.sound{
	width: 20.5%;
	height: 14.4%;
	margin-right: 1.5%;
}

.but_control_03_01{ 
	color: #0086fc;
	background-color: transparent;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	margin-bottom: 3.3%;
	
}

/*第四块面版*/

.hang{
	position:relative;
	width: 100%;
	float: left;
	margin-bottom: 2%;
}
.but_control_04{
	height: 90%;
	width: 10%;
	color: #fff;
	background-color:  #1723c9;
	border: 2px #fff groove; 
	font-size: 12px;
	font-weight: 600;
	border-radius:10px;
	vertical-align:middle;
}
.right_juli{
margin-right: 1.25%;	
	
}
.middle_hang{
	height: 34%;
	width: 25%;
	float: left;
	margin-bottom: 2%;
	
}

.middle_jindutiao{
	height: 35%;
	width: 47%;
	float: left;
	margin: 1% 2% 2% 0%;
}


/*第五块面板*/

/*按钮 以及hang  设计采用第四个面板的参数*/

.down_five{
	position:absolute;
	
	height: 30%;
	width: 20%; 
	margin-left: 36%;
    margin-top: 27%;
	
}

#pitch_xuanniu{
	
height: 30%;
width: 20%; 	
	
	
}


/*左旋钮*/
.pitch_left{
background-color: #96545459;
position: absolute;
    margin-left: 25%;
    margin-top: 27%;
    width: 20%;
    height: 30%;

	
}
/* 右面旋钮*/
.pitch_right{
background-color: #96005459;
position: absolute;
    margin-left:45%;
    margin-top: 27%;
    width: 20%;
    height: 30%;	
	
}

#pitch_add_img{
	display: none;
	width: 100%;
	height: 100%;
	
}

#pitch_down_img{
	display: none;
	width: 100%;
	height: 100%;
	
}
/*第六块面板*/

.but_control_06{
	height: 16%;
	width: 80%;
	color: #0086fc;
	background-color: transparent;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	margin-bottom: 15%;
}

.but_control_06_01{
		height: 80%;
	width: 90%;
	color: #0086fc;
	background-color: #fd7b24de;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	margin-bottom: 15%;
}
.border_fenjie{
	
border-right: 4px #252627 solid;
	
}

.droppler_up{
position: absolute;	
width: 50%;
height: 12%;
margin: 31% 0% 0% 25%;

	
}

.droppler_middle{
position: absolute;	
width: 50%;
height: 12%;
margin:78% 0% 0% 25%;

	
}
.droppler_down{
position: absolute;	
width: 50%;
height: 12%;
margin: 125% 0% 0% 25%;

	
}

/* 上面的两个三角形  美工做透明的小三角形 改变背景颜色即可*/
.left_up{
position: absolute;	
width: 15%;
height: 8%;
margin: 35% 0% 0% 10%;
border: 3.3px #078bff groove; 
background-image: url(../img/six/Lblue.png);
    background-size: inherit;


}
.right_up{
position: absolute;	
width: 15%;
height: 8%;
margin:35% 0% 0% 75%;
border: 3.3px #078bff groove; 
background-image: url(../img/six/Rblue.png);
    background-size: inherit;
background-color:#2dc309;
	
}
/* 下面两个三角形*/

.left_down{
position: absolute;	
width: 15%;
height: 8%;
margin: 128% 0% 0% 10%;
border: 3.3px #078bff groove; 
background-image:url(../img/six/Lblue.png);
    background-size: inherit;

	
}

.right_down{
position: absolute;	
width: 15%;
height: 8%;
margin: 128% 0% 0% 75%;
border: 3.3px #078bff groove;
background-image:url(../img/six/Rblue.png);
    background-size: inherit;
background-color:#2dc309;
	
	
}

.wt{
position: absolute;	
width: 15%;
height: 8%;
margin: 81% 0% 0% 75%;
background-image:url(../img/six/WTblue.png);
font-size: 25PX;
border: 3.3px #078bff groove;
font-size: 26PX;		
	    background-size: inherit;
}
.qt{
position: absolute;	
width: 15%;
height: 8%;
margin: 81% 0% 0% 10%;
background-image:url(../img/six/GTblue.png);
font-size: 26PX;	
border: 3.3px #078bff groove;		
    background-size: inherit;	
}

.jiantou_down{
position: absolute;	
width: 16.5%;
height: 13%;
margin: 101% 0% 0% 42.5%;;
border: 3.3px #078bff groove;
background-image:url(../img/six/downblue.png);
    background-size: inherit;
}

.jiantou_up{
position: absolute;	
width: 16.5%;
height: 13%;
margin: 54% 0% 0% 42.5%;
border: 3.3px #078bff groove;	
background-image:url(../img/six/upblue.png);
      background-size: inherit;
}
.text_style{/*数码管字体*/

	color: #FFFFFF;
	font-family:"arial black", monospace;
	font-size: 20px;

}

.echo_up{
position: absolute;	
width: 30%;
height: 10%;
margin: 21% 0% 0% 39%;
background-color:transparent;
	
}
.echo_down{
position: absolute;	
width: 30%;
height: 10%;
margin: 80% 0% 0% 39%;
background-color:transparent;

}
/*第七块面板*/
.force{
	
position: absolute;	
width: 35%;
height: 10%;
margin: 18% 14% 14% 25%;


}
.but_control_07{
	width: 28% ;
	height: 12%;

	float: left; 
	color: #0086fc;
	background-color: transparent;
	border: 3.3px #0086fc groove; 
	font-size: 12px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	
}
.but_control_07_01{
	position: relative;
	width: 100% ;
	height: 15%;
	float: left; 
	color: #0086fc;
	background-color: transparent;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	margin-bottom: 7%;
}

.tug_ship{
position: relative;
float: left;
width: 35%;
height: 70%;
background-color: #4A4747;	
	
	
}


/*第八块面板*/
.but_control_08{
	position: relative;
	width: 85% ;
	height: 13%;
	
	float: left; 
	color: #0086fc;
	background-color: #fd7b24de;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	margin-bottom: 7%;	
	
}
.but_control_08_01{
	position: relative;
	width: 42% ;
	height: 13%;
	
	float: left; 
	color: #0086fc;
	background-color: #fd7b24de;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	margin-bottom: 4%;	
	
}

.but_control_08_02{
	position: relative;
	width: 100% ;
	height: 13.2%;
	
	float: left; 
	color: #0086fc;
	background-color: transparent;
	border: 3.3px #0086fc groove; 
	font-size: 21px;
	font-weight: 600;
	border-radius:4px;
	vertical-align:middle;
	margin-bottom: 7%;	
	
}

.nine_show{
	
	position: relative;
	float: left;
	
	width: 100%;
	height: 15%;
	
	
}

.but_control_09{
position: relative;
    width: 10.5%;
    height: 93%;
    float: left;
    color: #0086fc;
    background-color: transparent;
    border: 3.3px #0086fc groove;
    font-size: 21px;
    font-weight: 600;
    border-radius: 4px;
    margin-left: 0.55%;
	
}